<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="static/js/jquery.min.js"></script>
<style type="text/css">
#div{
  width: 60%;

}
    #ta1{
    margin-top: 5px;
     border: 1px solid pink;
     height: 46px;
     width:  70%;
    }
input {
	height: 15px;
	width: 15px;
}
 #ta2{
     margin-left: 100px;
    }
 
        
 #popBox{
            display: none;
            float:right;
            width: 40%;
            height: 50%;
            background-color: #CCCCFF;
            margin:auto;
            border: 1px solid pink; 
        }
#popBox div{
         
             width: 100%;
            height: 60%;
            margin-top: 15px;
}
#popBox input{
	width: 50%;
} 
.close{
width:15px; 
right: 0px;
}  
  
</style>
</head>
<script type="text/javascript">
$(function () {
	selectall();
	
	 $("#next").click(function() {   
		 var pageNo=parseInt($("#mun").val().trim());
		 var topage=parseInt($("#in").val().trim());   /* 总页数 */ 
			   pageNo++;		 
		if(pageNo>=topage){		
			pageNo=topage;
		}
			$("#mun").val(pageNo);
			selectall();
	}) 
	
	
	 $("#upPage").click(function () {	
		var PageNo=parseInt($("#mun").val().trim()); /* 当前页数 */
	 	    PageNo--;
		if(PageNo<=1){
			PageNo=1;
		}
		$("#mun").val(PageNo);
		selectall();
	});  
})
 function add() {
    $("#popBox").show();
    $("#popLayer").show();
    
}
 function Upaa(maes) {
	$("#tt1").val(maes)
    $("#popBox1").show();
    $("#popLayer").show();
  
 }
function delt(maes2) {
	$("#tt2").val(maes2);
    $("#popBox2").show();
    $("#popLayer").show();
  
}
function closeBox() {
    $("#popBox").hide();
    $("#popLayer").hide();
    $("#typeDesc1").val("");
  /*   $("#typeDesc2").val("");
    $("#typeDesc3").val(""); */
    $("#popBox1").hide();
    $("#popBox2").hide();
}
function addproduct() {
	
	 $.ajax({
		    url: "oneslet",//请求地址，其实就是我们servlet的映射名
		    data:{"_method":"add","typeDesc1":$("#typeDesc1").val(),"typeDesc2":$("#typeDesc2").val()},//限定返回（response）的参数类型,当你死都收不到返回值得时候，请把dataType属性改成text,打印一下看看是啥子
	        dataType: "json",//限定返回（response）的参数类型
	        type: "post",//提交方式
	        async: false,//是否同步，如果为FALSE则可以将返回的值return出来，反之则不得行
	        success: function (map) {
	        if(map.flag=="1"){
	        		alert("保存成功");
	        		closeBox();	
	        }
	        else if(map.flag=="0"){
	        	
	        	alert("产品已经存在");
	        	closeBox();	
	        }
	         
	        else{
	        		alert("系统或数据异常");
	        		closeBox();	
	        	}
	        }
		});

} 



  function selectall() {
      var pageNo=$("#mun").val().trim();
	  if(pageNo==""){
		  pageNo=0;    
	  }
	 var body;
	 
	  $.ajax({
		    url: "http://localhost:9527/ElectricalInternet/pro",
		    data:{"_method":"all","now":pageNo},
	        dataType: "json",
	        type: "post",
	        async: false,
	        success: function (map) {
			
			$("#in").val(map.all);
	        $("#mun").val(map.now); 
		   
		   $(map.list).each(function() {
			   
			   body+="<tr>"+"<td>"+this.product_name+"</td>"
               +"<td>"+this.product_id+"</td>"
               +"<td>"+this.license_id+"</td>"
               +"<td><a href='javascript:void(0)' onclick='Upaa(\""+this.product_id+"\")'>修改<a/>/<a href='javascript:void(0)' onclick='delt(\""+this.product_id+"\")'>删除<a/></td>"
               +"</tr>";
		})	
		 $("#msg").html("");	
		   $(body).appendTo("#msg");
		}
		 
		 
	 })
	  
	  
	  
	  
}




</script>




<body>



<div id="div">  
<button onclick="add()">+</button>

<table id="ta1">
<thead>
    <tr>
     <td>产品名称</td>
     <td>产品证书ID</td>
     <td>营业执照号</td>
     <td>操作</td>
     </tr>
    </thead>
   <tbody id="msg">
   
    </tbody>
</table>
<table id="ta2">
   <tr><td>
   
          当前页<input type="text" id="mun" class="cn" name="now"/>&nbsp;
   <button id="upPage" name="upPage">上一页</button>&nbsp;
   <button id="next" name="next">下一页 </button>&nbsp;
       共<input type="text" id="in"/>页
      <input type="hidden" name="_method"  > 
         </td>
         </tr>
</table>
</div>

<div id="popBox">   
    <div class="content" id="forss" style="text-align:center">
         <label>产品名称</label> <input type="text" id="productname" name="productname"/><br><br>
         <label>产品证书ID</label> <input type="text" name="productid" id="productid"/><br><br>
         <label>产品描述</label> <input type="text" name="productdesc" id="productdesc"/><br><br>
         <label>图片上传</label> <input type="file" name="file" id="productimg"/><br><br>
        <input type="hidden" name="_method" > 
        <button onclick="addproduct()">保存</button>   
        <button onclick="closeBox()">取消</button>     
     </div>
     
</div>

<div id="popBox1">   
    <div class="content" id="forss" style="text-align:center">
         <label>产品名称</label> <input type="text" id="productname" name="productname"/><br><br>
         <label>产品证书ID</label> <input type="text" name="productid" id="productid"/><br><br>
         <label>产品描述</label> <input type="text" name="productdesc" id="productdesc"/><br><br>
         <label>图片上传</label> <input type="file" name="productimg" id="productimg"/><br><br>
        <input type="hidden" name="_method" > 
        <button onclick="addproduct()">保存</button>   
        <button onclick="closeBox()">取消</button>     
     </div>
     
</div>



</body>
</html>